
$registeBoxWidth:26rem;
$registeBoxHeight:100%;
.registeBox-1{
	width: $registeBoxWidth;
	height: $registeBoxHeight;
	// background-color: seagreen;
	float: left;
	position: relative;
}
.registeBox-2{
	width: $registeBoxWidth;
	height: $registeBoxHeight;
	// background-color:  hotpink;
	float: left;
	margin-left: 3.125rem;
	position: relative;
}
.registestatus{
	width: 100%;
	height: 1.25rem;
	font-size: 0.875rem;
	// background-color: lavender;
	margin-top: 2.2rem;
	margin-bottom: 0.625rem;
}
.registeInput{
	width: 100%;
	height: 3.5rem;
	border: 0.0625rem lightgray solid;
	// background-color: fuchsia;
}
.registeInput input{
	width: 90%;
	height: 1.8rem;
	margin-top: 0.8rem;
	margin-left: 0.3125rem;
	border: none;
	outline: none;
}
.prompt{
	color: red;
	font-size: 0.875rem;
	display: none;
}
.pwdclass{
	width: 100%;
	height: 1.3rem;
	background-color: lightgrey;
	margin-top: 0.5rem;
	font-size: 0.75rem;
	line-height: 1.3rem;
}
// .pwdclass-1,.pwdclass-2,.pwdclass-3{
// 	display: none;
// 	width: 3.125rem;
// 	height: 100%;
// 	border: 1px solid black;
// 	box-sizing: border-box;
// }
.registeInputCheckcode{
	width: 50%;
}
.createCheckcode{
	width: 12.25rem;
	height: 2.5rem;
	position: absolute;
	right: 0.125rem;
	top: 21.5rem;
	// background-color: skyblue;
}
.showCheckcode{
	width: 30%;
	height: 100%;
	line-height: 2.5rem;
	font-size: 1.875rem;
	text-align: center;
	float: left;
}
.changeCheckcode{
	width: 60%;
	float: left;
	height: 100%;
	font-size: 0.8125rem;
	line-height:2.5rem ;
	text-align: center;
	margin-left: 0.625rem;
}
.phoneCode{
	width: 9rem;
	height: 2.5rem;
	background-color: black;
	color: white;
	font-size: 0.8125rem;
	text-align: center;
	line-height: 2.5rem;
	position: absolute;
	right: 1rem;
	top:21.75rem ;
}
.agree{
	font-size: 0.8125rem;
	margin-top: 0.9375rem;
}
.agreeAndRegiste{
	width: 11.25rem;
	height: 2.5rem;
	background-color: black;
	margin-top: 1.25rem;
	text-align: center;
	line-height: 2.5rem;
	color: white;
	font-size: 0.875rem;
}
.registe-right{
	position: absolute;
	right: 0.125rem;
	top: 3rem;
}
.online{
	width: 19.125rem;
	height: 14.5rem;
	position: absolute;
	background-color: #f2f2f2;
	top: 36.7rem;
	right: 0.125rem;
	text-align: center;
	padding-top: 0.625rem;
}
#online{
	width: 12.5rem;
	height: 2.8125rem;
	text-align: center;
	color: white;
	background-color: black;
	line-height: 2.8125rem;
	font-size: 0.8125rem;
	margin: 1.25rem auto;
}


